﻿body{background-color:#D8D8D8;font-size:12px;}
#container {margin:20px; background-color:#ffffff;}
h1,h2,h3,h4,h5,h6 {font-family:"Trebuchet MS",helvetica,sans-serif; letter-spacing:1px;  }
h1,h2,h3,h4,h5,h6{font-size:14px;}

.roundedTop, .roundedBottom{display:block;}
.roundedTop div, .roundedBottom div{display:block;height: 1px; overflow: hidden;}
.roundedTop div.r1, .roundedBottom div.r1{margin: 0 5px}
.roundedTop div.r2, .roundedBottom div.r2{margin: 0 3px}
.roundedTop div.r3, .roundedBottom div.r3{margin: 0 2px}
.roundedTop div.r4, .roundedBottom div.r4{margin: 0 1px;height: 2px}
.roundedHeader
{
	background: dimgray;
	color: white;
}
.roundedHeader p
{
	padding: 10px;
	margin: 0px;
}
.roundedHeader div
{
	padding: 10px;
	margin: 0px;
}
.roundedHeader h2
{
	padding: 10px;
	margin: 0px;
}

.roundedContent p
{
	padding:10px;
}

.roundedContent a:link {color:Black; text-decoration:none;}
.roundedContent a:visited {color:Black; text-decoration:none;}
.roundedContent a:hover {color:Black; text-decoration:underline;}
.roundedContent a:active {color:Black; text-decoration:underline;}


.roundedFooter
{
	text-align:center;
	background: dimgray;
	color:White;
	display:block;
}

.roundedFooter a:link {color:White; text-decoration:none;}
.roundedFooter a:visited {color:White; text-decoration:none;}
.roundedFooter a:hover {color:White; text-decoration:underline;}
.roundedFooter a:active {color:White; text-decoration:underline;}

.roundedFooter div
{
	padding:10px;
	display:inline-block;
	position:relative;
}

.roundedFooter div span
{
	border-left:solid 1px white;
	padding-left:10px;
	padding-right:10px;
	display:inline;
}

.roundedFooter div span.first
{
	border-left:solid 0px white;
}

.roundedFooter div a
{
	border-left:solid 1px white;
	padding-left:10px;
	padding-right:10px;
	display:inline;
}

.roundedFooter div a.first
{
	border-left:solid 0px white;
}

.containerBox .roundedTop, #container .roundedBottom{background: #D8D8D8}
.containerBox .roundedTop div, #container .roundedBottom div{background: dimgray;}
.containerBox .roundedContent{margin-top:1px; border-top:solid silver 2px;margin-bottom:1px; border-bottom:solid silver 2px;}

#leftMenus .roundedTop, #leftMenus .roundedBottom{background-color:#ffffff;}
#leftMenus .roundedTop div, #leftMenus .roundedBottom div{background-color:Silver;}
#leftMenus .roundedContent{border-left:solid Silver 1px;border-right:solid Silver 1px;border-top:0px;border-bottom:0px;margin-top:0px;}
#leftMenus .roundedContent h4{display:block;border:solid 0px Red;padding:5px 5px 5px 5px;margin:0px;}
#leftMenus .roundedContent a{display:block;border:solid 0px Red;padding:5px 5px 5px 5px;margin:0px;}
/*Shadow*/
.Shadow
{
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background-position:top right;
	background-repeat:repeat-y;
	background-image: url(Images/dropshadowright.gif);
}

.Shadow .Main
{
	padding:5px 5px 5px 5px;
	border : solid 1px #999999;
	margin-right:5px;
}


.Shadow .TopRight
{
	float:right;
	height:5px;
	width:5px;
	background-image: url(Images/dropshadowtoprightcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.Shadow .Footer
{
	clear:both;
	height:5px;
	background-position:top left;
	background-repeat:repeat-x;
	background-image: url(Images/dropshadowbottom.gif);
}

.Shadow .Footer .Left
{
	float:left;
	height:5px;
	width:5px;
	background-image: url(Images/dropshadowbottomleftcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.Shadow .Footer .Right
{
	float:right;
	height:5px;
	width:5px;
	background-image: url(Images/dropshadowbottomrightcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

/*Columns*/
.ColumnsEnd
{
	clear:both;
}

.OneColumn
{
	clear:both;
}

.OneColumn .Column
{
/*	border:solid 1px red;
	position : relative;
	display: inline;
	width: 100%;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
*/}


.TwoColumns
{
	clear : both;
}

.TwoColumns .Column
{
	position : relative;
	display: inline;
	width: 50%;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.TwoColumns .DoubleColumn
{
	position : relative;
	display: inline;
	width: 100%;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.TwoColumns .FixedWidthLeft
{
	position : relative;
	display: inline;
	float:left;
	width:200px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.TwoColumns .FixedWidthRight
{
	position : relative;
	display: inline;
	float:right;
	width:200px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.TwoColumns .FillColumn
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.ThreeColumns
{
	clear:both;
}

.ThreeColumns .Column
{
	position : relative;
	display: inline;
	width: 33.3%;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.ThreeColumns .DoubleColumn
{
	position : relative;
	display: inline;
	width: 66.6%;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.InnerColumn
{
	padding:10px 10px 10px 10px;
}

.end
{
	clear : both;
}
/*Rounded Box*/
.MenuBox .Top
{
	border : 0px solid black;
	padding : 0px;
	margin : 0px;
	width: 187px;
	height : 10px;
	background-image:url(Images/roundedListTop.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.MenuBox .Bottom
{
	border : 0px solid black;
	padding : 0px;
	margin : 0px;
	margin-top:-1px;
	width: 187px;
	height : 10px;
	background-image:url(Images/roundedListBottom.gif);
	background-repeat:no-repeat;
	background-position:top;
}

.MenuBox .Middle
{
	border : 0px solid black;
	padding : 0px 0px 0px 0px;
	margin : 0px;
	width: 187px;
	background-color : White;
}

.MenuBox h4
{
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top : 3px;
	padding-bottom : 3px;
	margin : 0px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.MenuBox a
{
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top : 3px;
	padding-bottom : 3px;
	margin : 0px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.MenuBox span
{
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #ff3333;
}

.MenuBox .level0
{
	padding-left : 10px;
}

.MenuBox .level1
{
	padding-left : 10px;
}

.MenuBox .level2
{
	padding-left : 15px;
}

.MenuBox .level3
{
	padding-left : 15px;
}

label.formLabel
{
	width:100px;
	display:inline-block;
}